<template>
    <div class="ui-left-slife">
      <div class="ui-scrollbar">
           <h3>钱包前台静态页面</h3>
           <ul>
             <li class="ui-nav-item">
                <a class="">
                  <span class="title">1.0前台页面</span>
                    <span class="ui-two-level"><a href="/static/html/前台/首页/首页.html" target="_blank">首页1.html</a></span>
                    <span class="ui-two-level"><a href="/static/html/前台/首页/安全设置.html" target="_blank">安全设置.html</a></span>
                    <span class="ui-two-level"><a href="/static/html/前台/首页/贷款进度.html" target="_blank">贷款进度.html</a></span>
                    <span class="ui-two-level"><a href="/static/html/前台/首页/二维码弹窗.html" target="_blank">二维码弹窗.html</a></span>
                    <span class="ui-two-level"><a href="/static/html/前台/首页/入金记录.html" target="_blank">入金记录.html</a></span>
                    <span class="ui-two-level"><a href="/static/html/前台/首页/系统管理－业务规则管理.html" target="_blank">系统管理－业务规则管理.html</a></span>
                    <span class="ui-two-level"><a href="/static/html/前台/首页/系统通知.html" target="_blank">系统通知.html</a></span>
                    <span class="ui-two-level"><a href="/static/html/前台/首页/系统通知详情.html" target="_blank">系统通知详情.html</a></span>
                    <span class="ui-two-level"><a href="/static/html/前台/首页/业务规则管理.html" target="_blank">业务规则管理.html</a></span>
                <span class="ui-two-level"><a href="/static/html/前台/首页/业务规则管理tab.html" target="_blank">业务规则管理tab.html</a></span>
                <span class="ui-two-level"><a href="/static/html/前台/首页/暂无数据.html" target="_blank">暂无数据.html</a></span>
                <span class="ui-two-level"><a href="/static/html/前台/首页/支付失败详情.html" target="_blank">支付失败详情.html</a></span>
                <span class="ui-two-level"><a href="/static/html/前台/首页/loading.html" target="_blank">loading.html</a></span>
                <span class="ui-two-level"><a href="/static/html/前台/登录/登录.html" target="_blank">登录.html</a></span>
                <span class="ui-two-level"><a href="/static/html/前台/代发/代发经办管理.html" target="_blank">代发经办管理.html</a></span>
                
                <span class="ui-two-level"><a href="/static/html/前台/系统管理/404.html" target="_blank">404.html</a></span>
                <span class="ui-two-level"><a href="/static/html/前台/系统管理/流程.html" target="_blank">流程.html</a></span>
                <span class="ui-two-level"><a href="/static/html/前台/系统管理/系统管理－权限总览.html" target="_blank">系统管理－权限总览.html</a></span>
                <span class="ui-two-level"><a href="/static/html/前台/系统管理/系统管理－新增用户.html" target="_blank">系统管理－新增用户.html</a></span>
                <span class="ui-two-level"><a href="/static/html/前台/系统管理/系统管理－增加经办人.html" target="_blank">系统管理－增加经办人.html</a></span>
               
               
                <span class="ui-two-level"><a href="/static/html/前台/注册/补充页面.html" target="_blank">补充页面.html</a></span>
                <span class="ui-two-level"><a href="/static/html/前台/注册/激活企业钱包账户结果.html" target="_blank">激活企业钱包账户结果.html</a></span>
                <span class="ui-two-level"><a href="/static/html/前台/注册/完成注册.html" target="_blank">完成注册.html</a></span>
                <span class="ui-two-level"><a href="/static/html/前台/注册/协议.html" target="_blank">协议.html</a></span>
                <span class="ui-two-level"><a href="/static/html/前台/注册/注册.html" target="_blank">注册.html</a></span>
                <span class="ui-two-level"><a href="/static/html/前台/注册/注册2.html" target="_blank">注册2.html</a></span>


                <span class="title">1.5前台页面</span>
                  <span class="ui-two-level"><a href="/static/html/前台/1.5需求页面前台/二维码上次logo.html" target="_blank">二维码上次logo.html</a></span>
                  <span class="ui-two-level"><a href="/static/html/前台/1.5需求页面前台/二维码上次logo2.html" target="_blank">二维码上次logo2.html</a></span>
                  <span class="ui-two-level"><a href="/static/html/前台/1.5需求页面前台/风险测评-未评测.html" target="_blank">风险测评-未评测.html</a></span>
                  <span class="ui-two-level"><a href="/static/html/前台/1.5需求页面前台/蚂蚁HR欢迎页.html" target="_blank">蚂蚁HR欢迎页.html</a></span>
                  <span class="ui-two-level"><a href="/static/html/前台/1.5需求页面前台/企业理财首页.html" target="_blank">企业理财首页.html</a></span>
                  <span class="ui-two-level"><a href="/static/html/前台/1.5需求页面前台/审核.html" target="_blank">审核.html</a></span>
                  <span class="ui-two-level"><a href="/static/html/前台/1.5需求页面前台/提示弹窗.html" target="_blank">提示弹窗.html</a></span>
                  <span class="ui-two-level"><a href="/static/html/前台/1.5需求页面前台/小B页面选择.html" target="_blank">小B页面选择.html</a></span>
                  <span class="ui-two-level"><a href="/static/html/前台/1.5需求页面前台/转入成功.html" target="_blank">转入成功.html</a></span>
                  <span class="ui-two-level"><a href="/static/html/前台/1.5需求页面前台/XX宝服务协议.html" target="_blank">XX宝服务协议.html</a></span>


                </a>
            </li>
        </ul>

        <h3 class="mt30">钱包后台静态页面</h3>
           <ul>
             <li class="ui-nav-item">
                <a class="">
                  <span class="title">1.0后台页面</span>
                  <span class="ui-two-level"><a href="/static/html/后台/登录.html" target="_blank">登录.html</a></span>
                  <span class="ui-two-level"><a href="/static/html/后台/关联证书.html" target="_blank">关联证书.html</a></span>
                  <span class="ui-two-level"><a href="/static/html/后台/首页.html" target="_blank">首页.html</a></span>
                  <span class="ui-two-level"><a href="/static/html/后台/新增角色.html" target="_blank">新增角色.html</a></span>
                  <span class="ui-two-level"><a href="/static/html/后台/新增角色详情.html" target="_blank">新增角色详情.html</a></span>
                  <span class="ui-two-level"><a href="/static/html/后台/新增企业客户.html" target="_blank">新增企业客户.html</a></span>
                  <span class="title">1.5后台页面</span>
                  <span class="ui-two-level"><a href="/static/html/后台/1.5需求页面后台/新增企业客户.html" target="_blank">新增企业客户.html</a></span>
                </a>
            </li>
        </ul>
    </div>
    </div>
</template>
<script type="text/javascript">
export default {
  data () {
    return {
    }
  },
  methods: {
    openUrl (i) {
    }
  }
}
</script>
<style lang="scss" type="text/scss" rel="stylesheet/scss">
.ui-sidebar-menu{
  h3{
    font-size: 16px;
    font-weight: normal;
    color: #000;
    margin-bottom: 20px;
  }
}
.ui-left-slife{
  width: 250px;
    margin-top: 40px;
    border-right: 1px solid #eaeaea;
    position: absolute;
    top: 0;
    bottom: 0;
    -webkit-transition: padding-top .3s;
    transition: padding-top .3s;
}
.ui-nav-item{
  span{
   display: block;
    height: 40px;
    color: #444;
    line-height: 40px;
    font-size: 14px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: 400;
  }

  .title{
    color: #9d9d9d;
  }
  .ui-two-level{
    margin-left: 15px;
  }
}
.ui-container{
  position: relative;
  min-height: 700px;
}
.ui-scrollbar{
    overflow: scroll;
    height: 100%;
}



.ui-contain-right{
  padding-left: 290px;
    padding-bottom: 100px;
    box-sizing: border-box;
    margin-top: 40px;
}
</style>
